<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/destfilter.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/destfilter.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
</head>

<#--<script>
    $(function () {
        function queryDest(type, id) {
            if (type === "month") {
                $.get("/destination/getList",{month:id},function (data) {
                    //数据回显渲染,条件选择回显

                })

            }else if (type === "distance") {
                $.get("/destination/getList",{distance:id},function (data) {
                    //数据回显渲染，条件选择回显

                })

            }else if (type === "topic") {
                $.get("/destination/getList",{topic:id},function (data) {
                    //数据回显渲染，条件选择回显

                })
            }
        }
    })
</script>-->

<body>

<#-- <div class="lww_header">
     <div class="header_wrap">
         <div class="header_logo">
             <a href="javascript:;" class="lww_logo"></a>
         </div>
         <ul class="header_nav">
             <li><a href="./index.html">首页</a></li>
             <li class="header_nav_active"><a href="../templates/destination/destination.html">目的地</a></li>
             <li><a href="./gonglve.html">旅游攻略</a></li>
             <li><a href="javascript:;">去旅行<i class="icon_caret_down"></i></a></li>
             <li><a href="javascript:;">机票</a></li>
             <li><a href="javascript:;">酒店</a></li>
             <li><a href="javascript:;">社区<i class="icon_caret_down"></i></a></li>
         </ul>
         <div class="header_search">
             <input type="text" />
             <a class="icon_search"></a>
         </div>
         <div class="login_info">
             <div class="head_user">
                 <a href="javascript:;">
                     <img src="/images/user.png" />
                     <i class="icon_caret_down"></i>
                 </a>
             </div>
             <div class="header_msg">
                 消息<i class="icon_caret_down"></i>
             </div>
             <div class="header_daka">
                 <a href="javascript:;">打卡</a>
             </div>
         </div>
     </div>
     <div class="shadow"></div>
 </div>-->
    <#assign currentNav="destination">
    <#include "../common/navbar.ftl">
    <div class="container">
        <div class="row-top">
            <div class="wrapper">
                <div class="top-bar">
                    <div class="crumb">
                        <div class="item"><a href="javascript:;" target="_blank">目的地</a><em>&gt;</em></div>
                        <div class="item cur">目的地筛选</div>
                    </div>
                </div>
                <div class="filter-title">目的地筛选</div>
                <div class="filter-nav">
                    <dl class="clearfix month">
                        <dt>时间</dt>
                        <dd class="J_dd">
                            <div class="month clearfix" id="month">
                                <a class="on d" data-id="">不限</a>
                                <a class="d" data-id="1">1月</a>
                                <a class="d" data-id="2">2月</a>
                                <a class="d" data-id="3">3月</a>
                                <a class="d" data-id="4">4月</a>
                                <a class="d" data-id="5">5月</a>
                                <a class="d" data-id="6">6月</a>
                                <a class="d" data-id="7">7月</a>
                                <a class="d" data-id="8">8月</a>
                                <a class="d" data-id="9">9月</a>
                                <a class="d" data-id="10">10月</a>
                                <a class="d" data-id="11">11月</a>
                                <a class="d" data-id="12">12月</a>

                                <a class="d" data-id="12">元旦</a>
                                <a class="d" data-id="1">春节</a>
                                <a class="d" data-id="3">清明</a>
                                <a class="d" data-id="5">五一</a>
                                <a class="d" data-id="7">端午</a>
                                <a class="d" data-id="8">中秋</a>
                                <a class="d" data-id="10">国庆</a>
                                <a class="d" data-id="11">寒假</a>
                                <a class="d" data-id="6">暑假</a>
                                <a class="d" data-id="12">元旦</a>
                            <#-- <a href="javascript:queryDest('month','2')" data-id="1">春节</a>
                             <a href="javascript:queryDest('month','4')" data-id="3">清明</a>
                             <a href="javascript:queryDest('month','5')" data-id="5">五一</a>
                             <a href="javascript:queryDest('month','6')" data-id="7">端午</a>
                             <a href="javascript:queryDest('month','9')" data-id="8">中秋</a>
                             <a href="javascript:queryDest('month','10')" data-id="10">国庆</a>
                             <a href="javascript:queryDest('month','7')" data-id="11">寒假</a>
                             <a href="javascript:queryDest('month','12')" data-id="6">暑假</a>-->
                            </div>


                            <script>
                                $(function () {
                                    $(".month a").click(function () {
                                        $(".month a").removeClass("on");
                                        $(".festival a").removeClass("on");
                                        $(this).addClass("on");
                                    })
                                    $(".festival a").click(function () {
                                        $(".month a").removeClass("on");
                                        $(".festival a").removeClass("on");
                                        $(this).addClass("on");
                                    })
                                    $(".theme a").click(function () {
                                        $(".theme a").removeClass("on");
                                        $(this).addClass("on");

                                    })
                                    $(".days a").click(function () {
                                        $(".days a").removeClass("on");
                                        $(this).addClass("on");
                                    })

                                    $.get("/destination/getList1", function (data) {
                                        console.log(data)
                                        $("#abcd").html(data);
                                    })

                                    $(".d").click(function () {
                                        console.log("")
                                        var month = $(".month .on").data("id");
                                        var theme = $(".theme .on").data("name");
                                        var days = $(".days .on").data("id");
                                        $.get("/destination/getList1", {
                                            "month": month, "theme": theme, "days": days
                                        }, function (data) {
                                            console.log(data)
                                            $("#abcd").html(data);
                                        })
                                    })
                                })
                            </script>


                        </dd>
                    </dl>
                    <dl class="theme clearfix">
                        <dt>主题</dt>
                        <dd class="J_dd">
                            <a class="on d" data-name="">不限</a>
                            <div class="sub-nav">
                                <dl class="clearfix">
                                    <dt>全年适宜：</dt>
                                    <dd>
                                        <a href="javascript:void(0)" data-name="" claa>
                                            <a class="d" data-name="免签">免签</a>
                                            <a class="d" data-name="人文历史">人文历史</a>
                                            <a class="d" data-name="拍片圣地">拍片圣地</a>
                                            <a class="d" data-name="自然风景">自然风景</a>
                                            <a class="d" data-name="小众">小众</a>
                                            <a class="d" data-name="登山">登山</a>
                                            <a class="d" data-name="潜水">潜水</a>
                                            <a class="d" data-name="古镇">古镇</a>
                                            <a class="d" data-name="动物">动物</雾霾</a>
                                            <a class="d" data-name="购物">购物</a>
                                            <a class="d" data-name="美食">美食</a>
                                            <a class="d" data-name="漂流">漂流</a>
                                            <a class="d" data-name="蹦极">蹦极</a>
                                            <a class="d" data-name="跳伞">跳伞</a>
                                    </dd>
                                </dl>
                            <#-- <dl class="clearfix">
                                 <dt>季节：</dt>
                                 <dd>
                                     <a href=class="d" data-name="草原">草原</a>
                                     <a href=class="d" data-name="星空">星空</a>
                                     <a href=class="d" data-name="赏花">赏花</a>
                                     <a href=class="d" data-name="雪景">雪景</a>
                                     <a href=class="d" data-name="海岛">海岛</a>
                                     <a href=class="d" data-name="极限运动">极限运动</a>
                                 </dd>
                             </dl>-->

                            </div>
                        </dd>
                    </dl>
                    <dl class="clearfix days">
                        <dt>天数</dt>
                        <dd class="J_dd">
                            <a class="d on" href="javascript:void(0)" data-id="">不限</a>
                            <a class="d" href="javascript:void(0)" data-id="2">2-3天</a>
                            <a class="d" href="javascript:void(0)" data-id="3">4-5天</a>
                            <a class="d" href="javascript:void(0)" data-id="6">6-9天</a>
                            <a class="d" href="javascript:void(0)" data-id="8">10天及以上</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="row-list">
            <div class="wrapper">
                <ul class="clearfix" id="abcd">

                <#-- <li class="item">
                     <div class="img">
                         <a href="javascript:;" target="_blank"><img height="200" width="320" src="http://n3-q.mafengwo.net/s8/M00/02/7A/wKgBpVUk3u-AYDLxAA885W7aqSA86.jpeg?imageMogr2%2Fthumbnail%2F%21640x400r%2Fgravity%2FCenter%2Fcrop%2F%21640x400%2Fquality%2F90" style="display: inline;">
                             <div class="title">巴厘岛</div>
                         </a>
                     </div>-->
                <#--<div class="info">
                    <p class="detail">${d.title}</p>
                    <div class="hot">
                        <span class="label">TOP3</span>
                        <a href="javascript:;" target="_blank">蓝梦岛</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">库塔海滩</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">情人崖</a>
                    </div>
                    <div class="line"><a href="javascript:;" target="_blank"><em>1</em>巴厘岛新晋网红5日线路</a></div>
                </div>-->
                <#--<div class="tn-list">
                <#list destinations as d>

                    <li class="item">
                        <div class="img">
                        <a href="/destination/getList?id=${d.id}" target="_blank">
                            <img height="200" width="320"
                            src="${(d.coverUrl)!}"
                            style="display: inline;">

                            <div class="title">${(d.name)!}</div>
                        </a>

                    </div>
                    </li>
                </#list>
                </div>-->





                <#--<div class="info">
                    <p class="detail">岛上热带植被茂密，万种风情，景物甚为绮丽，因此也叫天堂之岛。</p>
                    <div class="hot">
                        <span class="label">TOP3</span>
                        <a href="javascript:;" target="_blank">蓝梦岛</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">库塔海滩</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">情人崖</a>
                    </div>


                    <div class="line"><a href="javascript:;" target="_blank"><em>1</em>巴厘岛新晋网红5日线路</a></div>
                </div>
                -->
                <#--</li>-->
                </ul>
            </div>
        </div>
    </div>

<div id="footer">
        <div class="ft-content" style="width: 1105px">
            <div class="ft-info clearfix">
                <dl class="ft-info-col ft-info-intro">
                    <dt>马蜂窝旅游网</dt>
                    <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                    <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                    <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
                </dl>
                <dl class="ft-info-col ft-info-qrcode">
                    <dd>
                        <span class="ft-qrcode-tejia"></span>
                    </dd>
                    <dd>
                        <span class="ft-qrcode-weixin"></span>
                    </dd>
                    <dd>
                        <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                    </dd>
                </dl>
                <dl class="ft-info-social">
                    <dt>向崇尚自由的加勒比海盗致敬！</dt>
                    <dd>
                        <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                        <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                        <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                    </dd>
                </dl>
            </div>

            <div class="ft-links">
                <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank" href="http://www.onlylady.com/">Onlylady女人志</a><a target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
                <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank" href="http://www.uzai.com/">旅游网</a>
                <a target="_blank" href="http://www.zongheng.com/">小说网</a>
                <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank" href="http://huoche.mafengwo.cn/">火车时刻表</a>
                <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
                <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank" href="http://www.tuniu.com/">途牛旅游网</a>
                <a target="_blank" href="http://www.mapbar.com/">图吧</a>
                <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank" href="http://www.uc.cn/">手机浏览器</a><a target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
                <a target="_blank" href="http://www.ly.com/">同程旅游</a>
                <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
                <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
                <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank" href="http://www.tianxun.com/">天巡网</a><a target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank" href="http://www.zuzuche.com">租租车</a>
                <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
                <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank" href="http://vacations.ctrip.com/">旅游网</a>
                <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
                <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a target="_blank" href="http://www.91.com/">手机</a>
                <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
            </div>
        </div>
    </div>
    <div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
        <div class="toolbar-item-top" style="display: none;">
            <a role="button" class="btn _j_gotop">
                <i class="icon_top"></i>
                <em>返回顶部</em>
            </a>
        </div>
        <div class="toolbar-item-feedback">
            <a role="button" data-japp="feedback" class="btn">
                <i class="icon_feedback"></i>
                <em>意见反馈</em>
            </a>
        </div>
        <div class="toolbar-item-code">
            <a role="button" class="btn">
                <i class="icon_code"></i>
            </a>
            <a role="button" class="mfw-code _j_code">


                <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                    width="450" height="192">
            </a>
            <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
        </div>

    </div>
</body>

</html>